<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            padding: 0px;
            margin: 0px;
        }

        /* 设置整个页面的背景颜色和去掉上宽距 */
        body {
            background-color: #f2efe6;
            padding-top: 0px;
        }

        li {
            list-style: none;
        }

        .max-box {
            height: 7082px;
            width: 1880px;
        }

        .top1 {
            width: 1880px;
            height: 60px;
            background-color: #191919;
        }

        .top {
            width: 1880px;
            height: 434px;
        }

        .main {
            margin: 0px auto;
            width: 1420px;
            height: 6088px;
            /* background-color: blue; */
        }

        .m-top1 {
            width: 100%;
            /* margin-bottom: 40px; */
            height: 40px;
            line-height: 40px;
            color: #464547;
            font-size: 20px;
            /* background-color: brown; */
        }

        .xiaofang {
            padding-left: 9px;
            width: 18px;
            height: 18px;
        }

        .m-left {
            float: left;
            width: 1000px;
            height: 6387px;
            background-color: #fff;
            /* background-color: rgb(234, 43, 49); */
        }

        .m-right {
            float: right;
            width: 400px;
            height: 510px;
            /* background-color: blueviolet; */
        }

        .right-top {
            width: 400px;
            height: 195px;
        }

        .li1 {
            margin-top: 10px;
            float: left;
            margin-right: 10px;
            width: 190px;
            height: 150px;
            background-color: #F0F8FF;
        }

        .li-img {
            margin-top: 40px;
            margin-left: 65px;

        }

        .m-left-h {
            margin-top: 40px;
            width: 930px;
            height: 50px;
            line-height: 50px;
            /* background-color: aqua; */
            font-size: 40px;
        }

        .m-left-tuandui {
            margin-top: 10px;
            padding-left: 20px;
            width: 930px;
            height: 35px;
            line-height: 35px;
            /* border-radius: 1px soail; */
            /* background-color: blueviolet; */
            font-size: 15px;
            color: #6880A3;
        }

        .m-left-wenzi {
            margin-top: 20px;
            /* text-indent: 2em; */
            width: 890px;
            height: 112px;
            line-height: 1.5;

        }

        .m-left-tupian {
            padding-left: 90px;
            width: 890px;
            height: 6115px;
        }
    </style>
</head>

<body>
    <div class="max-box">
        <div class="top1">
        </div>

        <div class="top2">
            <img src="images/bannerImage.jpg" width="1880px">
        </div>

        <div class="main">
            <!-- 新闻导航条 -->
            <div class="m-top1">
                <i class="xiaofang"><img src="images/xiaofang.png" alt=""></i>
                <a href="index.html">王者荣耀首页> </a>
                <span></span>
                <a href="#">新闻列表> </a>
                <span></span>
                <label for="#"> 新闻详情</label>
            </div>
            <!-- 主要部分的左边 -->
            <div class="m-left">
                <div class="m-left-h">英雄玩法升级投票！<span></span>一起"新建文件夹"~</div>

                <div class="m-left-tuandui">王者运营团队&nbsp;&nbsp;&nbsp;时间：<span></span>2024-12-16</div>
                <hr>
                <div class="m-left-wenzi">
                    <span>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在过去一年里，我们对不少「老牌英雄」进行了玩法升级，也持续关注着大家的体验和反馈~
                    </span>
                    <br>
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;今天，我们想邀大家一起“新建文件夹”，让更多英雄焕发活力！</span>
                    <br>
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在本次「英雄玩法升级票选」中，获得票数最多的英雄，将优先进行玩法升级~</span>
                    <br>
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;并且，我们将结合本次票选结果与大家的反馈，规划后续的英雄玩法升级和使用体验优化方案！</span>
                </div>
                <div class="m-left-tupian"><img src="images/主要图片.png" alt="" width="800px" height="6115px"></div>

            </div>




            <!-- 主要部分的右边 -->
            <div class="m-right">
                <div right-top>
                    <img src="images/xiaz.webp" width="400px">
                </div>
                <div right-bottom>
                    <ul>
                        <li class="li1">
                            <div class="li-img"> <img src="images/weixin_icon.png">
                                <br><br><span style="color: #191919;">官方微博</span>
                            </div>
                        <li class="li1">
                            <div class="li-img"> <img src="images/weibo_icon.png">
                                <br><br><span style="color: #191919;">微信公众号</span>
                            </div>
                        <li class="li1">
                            <div class="li-img"> <img src="images/wzyd-icon.webp" width="67" height="">
                                <br><span style="color: #191919;">王者营地</span>
                            </div>
                        <li class="li1">
                            <div class="li-img"> <img src="images/battle_icon.png">
                                <br><br><span style="color: #191919;">体验服</span>
                            </div>

                    </ul>
                </div>
            </div>
        </div>
    </div>

</body>

</html>